Iframe

Une iframe est un élément HTML permettant d'inclure une page web à l'intérieur d'une autre (un peu comme si une div contenait une autre page web).

            

                <iframe src="index.html"></iframe>

            
        
            

                iframe{
                    width: 800px;
                    height: 400px;
                }

Exemple d'une iframe qui ouvre le sommaire de ce cours :

Google Map

Grâce à une iframe, il est possible d'inclure une google map :

            

                    <iframe allowfullscreen="" loading="lazy" src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d3971299.500050951!2d3.2587089434416545!3d46.58096649905254!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sfr!2sfr!4v1625769524929!5m2!1sfr!2sfr"></iframe>

            
        
            

                iframe{
                    border: none;
                    width: 1000px;
                    height: 450px;
                }

Youtube

Même chose pour intégrer une vidéo Youtube :

            

                    <iframe title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen src="https://www.youtube-nocookie.com/embed/C0DPdy98e4c"></iframe>

            
        
            

                iframe{
                    border: none;
                    width: 560px;
                    height: 315px;
                }